<template>
    <el-popover trigger="click" placement="top" width="355px">
        <Picker :data="emojiIndex" set="twitter" @select="$emit('selectEmoji',$event.native)" />
        <template #reference>
            <el-button>😂</el-button>
        </template>
    </el-popover>
</template>

<script setup>
import data from "emoji-mart-vue-fast/data/all.json";
import { Picker, EmojiIndex, Emoji } from "emoji-mart-vue-fast/src";
import "emoji-mart-vue-fast/css/emoji-mart.css";

const emojiIndex = new EmojiIndex(data);

defineEmits({
    selectEmoji:()=>{return true}
})
</script>